<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }

        /* div 块级盒子，在没有设置宽高的，当其浮动后，会出现紧缩的效果，类似行内元素。*/
        .box1{
            /*width: 300px;*/
            /*height: 200px;*/
            border: 1px solid #000;
            float: left;
        }


        
        
    </style>
</head>
<body>

    <h1>浮动布局-带来的问题</h1>

    <div class="box1">浮动浮动浮动浮动</div>


</body>
</html>